<!--  -->
<template>
  <div class="carts">
    <h1>购物车({{cartBuyNum}})</h1>
    <hr />
    <router-view />
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState({
      cartBuyNum:state=>state.carts.cartBuyNum
    })
  },
  data() {
    return {};
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {}
};
</script>
<style lang="scss" scoped>
// scoped限制css仅针对于当前页面有效，而不是全局
/* @import url(); 引入css类 */
</style>